<template>
    <div>
        <el-menu
                style="width: 200px;min-height: calc(100vh - 50px)"
                :default-active="path"
                router

                class="el-menu-vertical-demo">

            <el-submenu index="1" v-if="user.role===1">
                <template slot="title">系统管理</template>
                <el-menu-item index="/user"> 用户管理</el-menu-item>
            </el-submenu>


           <el-menu-item index="/book" > 书籍管理</el-menu-item>
            <el-menu-item index="/news"> 动态管理</el-menu-item>

            <el-menu-item index="/category" v-if="user.role===1"> 分类管理</el-menu-item>
            <!--<el-menu-item index="/video" > 视频欣赏</el-menu-item>-->
            <el-menu-item index="/map"> 地图</el-menu-item>
            <el-menu-item icon="el-icon-video-camera" index="/analysis"> 数据分析</el-menu-item>
            <el-menu-item icon="el-icon-video-chat" index="/chat"> 在线聊天</el-menu-item>

        </el-menu>
    </div>
</template>

<script>
    export default {

        name: "Aside",
        data() {
            user: {
            }
            return {
                path: this.$route.path  //设置高亮
            }
        },
        created() {
            let userStr = sessionStorage.getItem("user") || "{}"
            this.user = JSON.parse(userStr)

            // 请求服务端，确认当前登录用户的 合法信息
            // request.get("/user/" + this.user.id).then(res => {
            //     if (res.code === '0') {
            //         this.user = res.data
            //     }
            // })
        }
    }
</script>

<style scoped>

</style>
